<template>
  <div 
    :class="IconClass">
    <svg
      :width="width"
      :height="height"
      :viewBox="viewBox"
      :fill="iconColor"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M16.2 2H8.4726L6.9363 0.293C6.768 0.105 6.5385 0 6.3 0H1.8C0.8073 0 0 0.897 0 2V16C0 17.103 0.8073 18 1.8 18H16.2C17.1927 18 18 17.103 18 16V4C18 2.897 17.1927 2 16.2 2ZM1.8 16V4H8.1H9H16.2L16.2018 16H1.8Z"
        fill="#0F62FE"
      />
      <path
        d="M7.21083 9.0565C7.25694 9.4114 7.43 10.0186 8.06833 10.2802C8.72222 10.5487 8.72222 10.7602 8.72222 10.9V10.9489C8.32222 11.0791 8.02778 11.476 8.02778 11.95C8.02778 12.529 8.46389 13 9 13C9.53611 13 9.97222 12.529 9.97222 11.95C9.97222 11.476 9.67778 11.0791 9.27778 10.9489V10.9C9.27778 10.7602 9.27778 10.5487 9.93167 10.2805C10.57 10.0189 10.7431 9.4117 10.7892 9.0568C11.1978 8.9323 11.5 8.5306 11.5 8.05C11.5 7.471 11.0639 7 10.5278 7C9.99167 7 9.55556 7.471 9.55556 8.05C9.55556 8.5156 9.83944 8.9065 10.2289 9.0439C10.1883 9.2644 10.0719 9.5812 9.735 9.7195C9.40389 9.8551 9.16472 10.0054 9 10.1803C8.83528 10.0054 8.59639 9.8551 8.265 9.7195C7.92806 9.5812 7.81139 9.2644 7.77111 9.0439C8.16056 8.9065 8.44444 8.5156 8.44444 8.05C8.44444 7.471 8.00833 7 7.47222 7C6.93611 7 6.5 7.471 6.5 8.05C6.5 8.5306 6.80222 8.9323 7.21083 9.0565ZM10.5278 7.6C10.7575 7.6 10.9444 7.8019 10.9444 8.05C10.9444 8.2981 10.7575 8.5 10.5278 8.5C10.2981 8.5 10.1111 8.2981 10.1111 8.05C10.1111 7.8019 10.2981 7.6 10.5278 7.6ZM9.41667 11.95C9.41667 12.1981 9.22972 12.4 9 12.4C8.77028 12.4 8.58333 12.1981 8.58333 11.95C8.58333 11.7019 8.77028 11.5 9 11.5C9.22972 11.5 9.41667 11.7019 9.41667 11.95ZM7.47222 7.6C7.70194 7.6 7.88889 7.8019 7.88889 8.05C7.88889 8.2981 7.70194 8.5 7.47222 8.5C7.2425 8.5 7.05556 8.2981 7.05556 8.05C7.05556 7.8019 7.2425 7.6 7.47222 7.6Z"
        fill="#78A9FF"
      />
    </svg>
  </div>
</template>

<script>
export default {
  props: {
    width: {
      type: Number,
      default: '18'
    },
    height: {
      type: Number,
      default: '18'
    },
    viewBox: {
      type: Number,
      default: '0 0 18 18'
    },
    iconColor: {
      type: String,
      default: 'currentColor'
    },
    IconClass: {
      type: String,
      default: 'IconClass'
    }
  }
}
</script>
